<template>
  <div class="item" data-type="table" v-bind:class="[('w'+obj.property.selfWidth)]">
      <div class="i6d6 hd">
        <label class="tit">{{obj.property.title}}</label>
        <span class="required" v-show="obj.property.required">*</span>
        <span class="block muted">{{obj.property.intro}}</span>
        <v-handle v-bind:handle="obj.handle"></v-handle>
      </div>
      <div class="i6d6 bd">
        <div class="tb tar">
          <table>
            <tr v-for="i in obj.property.table.rowCount">
              <td :style="{width:obj.property.table.titleWidth+'%'}" :rowspan="obj.property.table.rowCount" v-if="i==1" align="center">{{obj.property.table.title}}</td>
              <td v-for="i in obj.property.table.colCount">
                <input type="input" />
              </td>
            </tr>
          </table>
        </div>
      </div>
    </div>
</template>

<script>
export default {
  props: ['obj']
}
</script>
